@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 300;
    src: local('Muli Light'), local('Muli-Light'), url(https://fonts.gstatic.com/s/muli/v6/W7rLqGXP0X5aQJgHbHnaVg.woff) format('woff');
}
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 400;
    src: local('Muli'), url(https://fonts.gstatic.com/s/muli/v6/B5Nox_v-veF8CIXTgNPpeA.woff) format('woff');
}
@font-face {
    font-family: 'Muli';
    font-style: italic;
    font-weight: 300;
    src: local('Muli Light Italic'), local('Muli-LightItalic'), url(https://fonts.gstatic.com/s/muli/v6/UsJ7Nlp0_nHE_JMmMIa_Ow.woff) format('woff');
}
@font-face {
    font-family: 'Muli';
    font-style: italic;
    font-weight: 400;
    src: local('Muli Italic'), local('Muli-Italic'), url(https://fonts.gstatic.com/s/muli/v6/ULiQOimcPMrY2nIiZlySQA.woff) format('woff');
}
.clear{clear:both}
.pull-left{}
.pull-right{}
.pull-top{padding-top:15px}
.pull-bottom{padding-bottom:15px;}
.pull-top-bottom{padding-bottom:15px;padding-top:15px}
.pull-left-right{padding-left:15px;padding-right:15px}
.border-one{border:1px solid #98ae75}
.fluid-height{height:100%}
.nailthumb{position:relative}
.nailthumb .nailthumb-figure{position:relative;width:100%;padding-bottom:56%}
.nailthumb.square .nailthumb-figure{padding-bottom:100%}
.nailthumb.halfsquare .nailthumb-figure{padding-bottom:50%} 
.nailthumb .nailthumb-figure .nailthumb-container{position:absolute;width:100%;height:100%;-background:#fafafa url(../../../images/loading.gif) no-repeat center;overflow:hidden;z-index:1}
.nailthumb .nailthumb-mark{background: url(../../jssorslider/img/t01.png) no-repeat center center rgba(0,0,0,.4);position:absolute;width:100%;height:100%;z-index:2;display:none}
img.flu{width: 100%;}
.nailthumb:hover .nailthumb-mark{display:block}

.dropdown{border:1px solid #ccc;padding: 0 8px;background-color:#fafafa}
.dropdown>a{
    line-height: 32px;display: block;padding-right: 20px;color:#333;
    background: url(../images/arrow-down2.png) right center no-repeat;
    text-decoration:none;
}
.dropdown-menu{border-radius: 0;border:1px solid #636B38;margin-top: 3px;min-width:100%;margin-left:-1px;margin-right:-1px}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background-color: #636B38;color:#fff}
body{background-color:#151619;font-family: 'Century Gothic','Muli';font-style: normal;font-weight: 300;font-size:15px;color:#ebebeb;overflow-x: hidden;}
header.navbar{border-bottom:3px solid rgb(51,141,65)}
a,a:link{color:#ebebeb;text-decoration:none}
a:hover,a:active{color:#fff}
.navbar-nav > li > a{color:rgb(190,188,187);font-weight: 400;background-color:#151619;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus,
.nav li.active>a,
.nav > li > a:hover, .nav > li > a:focus{color:rgb(160,200,132);background-color:#151619;}
.container{max-width:960px}
#main-container{}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
    position:absolute;z-index:10001;width:235px;left:50%;margin-left:-117px;
    float: none;
    height: 100px;
    padding: 0;
    background:url(../images/logo.png) bottom center no-repeat;
}
.navbar-brand .space-line{height:5px;width:32px;position:absolute;background:#151619;top:75px;left:50%;margin-left:-16px}
.home-box{color:#fff;display:table;min-height:160px;font-size:20px;text-align:center;padding: 15px;width:100%}
.home-box>div{display:table-cell;vertical-align: middle;}
.design-box{color:#fff;display:table;min-height:78px;font-size:20px;text-align:center;padding: 15px;width:100%}
.design-box>div{display:table-cell;vertical-align: middle;}
.second-navbar .nav.navbar-nav{display:block;float: none;width:100%;text-align:center;padding:0 0 15px 0}
.second-navbar .nav.navbar-nav>li{display:inline-block;float: none !important;padding:15px 0px 0 0}
.second-navbar .nav.navbar-nav>li>a{padding:0px 30px;background-color:transparent;color:#fff;font-size:16px}
.carousel-fade .item {
    left: 0 !important;
    -webkit-transition: opacity 1s; /*adjust timing here */
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}
.carousel-control {
    background-image: none !important; /* remove background gradients on controls */
}
/* Fade controls with items */
.next.left,
.prev.right {
    opacity: 1;
    z-index: 1;
}
.active.left,
.active.right {
    opacity: 0;
    z-index: 2;
}
.btn.btn-default{border:0px;background:rgb(23,94,52);color:#fff}
@media (min-width: 1280px){
    header.navbar .container{padding-right: 45px;padding-left: 45px;}
}
@media (min-width: 1200px){
    .container{width:auto}
    header.navbar .container{padding-right: 15px;padding-left: 15px;}
}
@media (min-width: 960px){
    header.navbar{max-width:960px;margin-left:auto;margin-right:auto;padding:0 15px}
	header.navbar .container{padding-right: 0px;padding-left: 0px;}
    .navbar-nav > li > a{padding:43px 14px 17px 14px;line-height:16px;font-size:17px;}
    .navbar{margin-bottom:30px}
    .navbar .navbar-collapse{overflow: visible !important}
    .navbar-nav > li > .dropdown-menu{padding-top:12px;display:none;padding-bottom: 0;}
    .navbar-nav > li:hover > .dropdown-menu{display:block}
    .nav .open .dropdown-menu,.nav li .dropdown-menu{background-color:transparent;border: 0px}
    .nav .open .dropdown-menu,.nav li .dropdown-menu>li:first-child{border-top-left-radius: 3px;border-top-right-radius: 3px}
    .nav .open .dropdown-menu,.nav li .dropdown-menu>li:last-child{border-bottom-left-radius: 3px;border-bottom-right-radius: 3px}
    .nav .open .dropdown-menu,.nav li .dropdown-menu>li{background-color:rgba(51,141,65,.5);border: 0px solid rgb(51,141,65);}
    .nav .dropdown-menu > li > a,.nav .dropdown-menu > li > a:hover,.nav .dropdown-menu > li > a:focus{background:transparent;color:#fff;padding:6px 20px;font-size:16px}
}
@media (max-width:959px){
    #main-container{}
    header.navbar{}
    header.navbar .container{padding-left:0;padding-right:0}
    .navbar-brand .space-line{top:49px}
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
        position:absolute;z-index:10001;width:220px;left:0;
        float: none;
        height: 72px;
        padding: 0;
        background:url(../images/logo-mobile.png) bottom center no-repeat;
    }
    .navbar > .container .navbar-brand{padding:0}
    .bs-docs-nav .navbar-toggle .icon-bar {background-color: #fff;}
    .navbar-toggle {display: block;}
    .navbar-toggle{margin-right: 5px;}
    .navbar-nav {float: none;margin: 0;padding-bottom: 0px;padding-top: 30px;}
    .navbar-nav.pull-right {float: none !important;margin: 0;padding-right: 0px;padding-bottom: 15px;padding-top: 0px;}
    .navbar-nav  .dropdown-menu{display:block;position: static;float:none;background:transparent;border: 0px solid #636B38;}
    .navbar-nav .open .dropdown-menu{display:block;position: static;float:none}
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav  .dropdown-menu > li > a,
    .navbar-nav  .dropdown-menu .dropdown-header	{
        padding: 10px 15px 10px 75px;
    }
    .nav div.dropdown-menu>ul{
        display: block;
        position: static;
        float:none;
    }
    div.dropdown-menu>ul>li>a{padding: 5px 15px 5px 44px;}
    .container > .navbar-collapse, 
    .container-fluid > .navbar-collapse{position: absolute;width: 100%;
                                        max-height: none;
    }

    .bs-docs-nav .navbar-nav>li>div{display: block;position: relative}
    .bs-docs-nav .navbar-nav>li .group-menu.second{position: relative;left: 0%;top: 0;}
    .foot p{text-align: center}
    .foot-menu>div{float: none;margin: 0 auto;max-width: 440px}

    .group-menus{width:100% !important;padding-left: 20px;}
    .bs-docs-nav .navbar-nav>li>div .menu-group-title{}
    .group-menus .group-menu{width:100% !important;float: none !important;}
    .navbar-collapse{padding-left:0;padding-right:0;border-top:0px solid orangered}
    .bs-docs-nav .navbar-nav>li.active>a, .bs-docs-nav .navbar-nav>li:hover>a, .bs-docs-nav .navbar-nav>li>a:hover, .bs-docs-nav .navbar-nav>.active>a:hover, .nav .open > a:hover{
        border-bottom:0

    }
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        float: none;
        margin-right: 0px;
        margin-left: 0px;
        position: relative;
    }
    header.navbar{border-bottom:0px solid rgb(51,141,65);}
    .navbar .navbar-header{position: relative;border-bottom:3px solid rgb(51,141,65);}
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
        margin-left: 0px;
    }
    .navbar-nav > li{float:none;font-size:16px}
    .navbar-nav > li > a{padding-left:45px}
    .navbar-collapse.collapse.in{
        display: block !important;height: auto !important;padding-bottom: 0px;padding-top: 0px;
        border-bottom:3px solid rgb(51,141,65);overflow: hidden !important;
    }
    .navbar-collapse.collapse {overflow: hidden !important;display: block !important;height: 0 !important;padding-bottom: 0;}

    .nav .dropdown-menu > li > a{color:rgb(190,188,187);font-size:16px}
    .nav .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{background:transparent;color:rgb(160,200,132)}

}

@media (min-width: 992px){
    .container{width:auto}

}
@media (min-width: 768px){
    .container{width:100%}
    .border-left{background:url('../images/line-left.jpg') no-repeat right center}
    .border-right{background:url('../images/line-left.jpg') no-repeat left center}
    .navbar{margin-bottom:30px}
    .second-navbar .nav.navbar-nav>li>a{border-left:1px solid #fff}
    .second-navbar .nav.navbar-nav>li:first-child>a{border-left:0px solid #fff}
}

@media (max-width: 767px){
    #main-container{}
    .navbar{margin-bottom:30px}
    .border-bottom{background:url('../images/line-bottom.jpg') no-repeat bottom center}
    .home-box{min-height:100px}
}


